草庐IT

HTML5 SVG

全部标签

javascript - 如何从 HTML 文档中获取仅文本(无标签)?

我有一个HTML页面,我只需要文本(所有文本节点)。示例HTMLhellosir期望的输出hellosir 最佳答案 假设您只想要body元素的子元素...示例HTMLExampleabcJavaScriptvarbody=document.body;vartextContent=body.textContent||body.innerText;console.log(textContent);//abc您需要检查textContent,因为我们的好friendIE使用innerText。如果你有一个像jQuery这样的图书馆,事情

javascript - SVG 组拖动

我正在尝试在组内实现组和个人拖动。该组中有3个圆圈。蓝色和灰色圆圈必须单独拖动(通过onmousedown),橙色圆圈用于组移动(通过onclick)。问题是在拖动整个组之后,但你必须尝试http://www.atarado.com/stackOF/drag-with%20problems.svg并查看代码。如有任何帮助,我们将不胜感激。谢谢。 最佳答案 我想我已经解决了你的问题:https://codepen.io/petercollingridge/full/djBjKm/问题是单个拖动会改变圆的cx和cy属性,但组拖动会影响整

javascript - 旋转时的 HTML5 Canvas : Calculating a x, y 点

我开发了一个HTML5Canvas应用程序,它涉及读取一个xml文件,该文件描述了我需要在Canvas上绘制的箭头、矩形和其他形状的位置。XML布局示例:如果对象被旋转,它涉及计算一个点的位置(称为P旋转后对象的新位置)当围绕另一个点(左,上)旋转时。我试图想出一个通用的函数/公式,我可以用它来计算这个点P,但我的数学有点弱,我无法确定我打算使用什么弧/切线公式。你能帮我想出一个公式,我可以用它来计算正负旋转的点P吗?在上面的例子中:point(14,446)是左上角点&point(226,496)是对象未旋转时的中点,所以point=(left+width/2,top+height/

javascript - 给 svg :g element in D3. js 添加一个 title 属性

我正在使用D3.js构建一个在TreeMap中显示数据的应用程序。理想情况下,我想要的是为TreeMap提供一个工具提示,以在TreeMap的每个节点上显示更多信息。树形图从.JSON文件中获取数据。我目前正在使用jquery插件PoshyTip,我可以在其中通过title=属性传递此信息。我知道我需要以某种方式将title属性添加到TreeMap中的svg:g元素,但我不知道在哪里设置每个节点的titleattr。这是我的脚本的开头,我在其中进行所有声明等...vartree=d3.layout.tree().size([h,w-160]);vardiagonal=d3.svg.di

javascript - 是否可以在不单击的情况下一次显示 HTML Select 表单域中的所有选项?

我正在为任务状态选择字段使用X-EditablejQuery就地编辑库。它的所有阶段如下所示:点击状态然后隐藏状态SPAN并显示隐藏的选择字段。您可以单击选择字段,使其下拉并显示所有可用选项。点击一个新的选择选项值,然后在它发出AJAX请求以保存该值时显示加载微调器图像然后显示新选择的状态值SPAN。再次点击重新开始循环/过程。不过,我正在尝试想出一种更好的方法来选择新值。只有3个选择选项,所以我想一次显示所有3个项目,而不是要求您单击下拉菜单以查看其他2个选项。是否可以通过基本选择来做到这一点,还是需要一个多选字段? 最佳答案 h

javascript - iPhone HTML5 应用程序滚动问题

我不知道这是否可能或谷歌如何找到它,但你可以添加:它会让你无法左右滚动,只能上下滚动。有没有办法让它在你到达终点时不产生过度滚动效果,而是继续滚动然后弹出?就像Cocoa应用程序一样,我注意到“过度滚动”有时它们具有相同的背景颜色,所以它看起来不像Safari的,或者根本就没有这样做? 最佳答案 您所谓的过度滚动称为弹跳。不幸的是,没有记录在案的方法来关闭UIWebView中的弹跳。你可以查看UIScrollView中弹跳相关的方法。UIWebView拥有UIScrollView但不公开它。要防止水平滚动,您只需确保您的网页适合视口

javascript - 如何在 Javascript 生成的 HTML 表单中包含 Django 1.2 的 CSRF token ?

我最近升级到Django1.2.3,我的上传表单现在坏了。每当我尝试上传时,我都会收到“CSRF验证失败。请求已中止。”错误信息。看完Django'sdocumentation在这个主题上,它声明我需要在HTML中添加{%csrf_token%}模板标签在我的模板中。不幸的是,我的是通过JavaScript生成的(具体来说,是ExtJs在面板上的“html”属性)。长话短说,如何将所需的CSRFtoken标记添加到我的当我的不包含在Django模板中? 最佳答案 另一种选择是调整theDjangodocs中所示的基于cookie/h

javascript - svg 和 D3 中的 cx、cy vs 变换,有什么区别?

我正在研究forcedlayout并且无法弄清楚为什么尝试通过cx移动节点,cy不起作用。//Thisworksnode.attr("transform",function(d){return"translate("+d.x+","+d.//Thisdoesn'tnode.attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;});节点实际上在svgg元素中,这可能是原因吗? 最佳答案 cx和cy属性仅适用于circle元素。对于g元素,使用transf

javascript - 在 html5 Canvas 上拖动和调整图像大小

我正在构建一个HTML5Canvas图像编辑器。将图像上传到Canvas后,我需要拖动并在Canvas上调整大小。我设法上传了一张图片并使其可以在Canvas上拖动。但我需要让它也可以沿着Canvas调整大小。提前致谢。varImg=newImage();Img.src=file;Img.onload=function(){context.drawImage(Img,50,0,200,200);}mouseMove=function(event){if(down){context.clearRect(0,0,800,500);context.translate(0,-50);conte

javascript - svg 中的不透明度与填充不透明度

opacity与SVG中的fill-opacity有什么区别?我引用了fill-opacity的文档和opacity但我很困惑fill-opacity:opacityofthecontentofthecurrentobject对比opacity:transparencyofanobject 最佳答案 区别正是名称所指示的:)。fill-opacity仅适用于元素的fill(或者换句话说,仅适用于其背景),stroke-opacity仅适用stroke而opacity适用于两者。opacity是一种后处理操作。也就是说,元素(或组)作